<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS内边距padding</title>
    <style>
    /**
    盒子的内边距padding:
    padding-top:上内边距
    padding-right:右内边距
    padding-bottom:下内边距
    padding-left:左边距
    padding:复合属性
    padding:10px    四个方向都是10px
    padding:10px 20px 上10px 左右20px(上下 左右)
    padding:10px 20px 30px 上10px 左右20px 下30px(上,左右 下)
    padding 10px 20px 30px 40px  上右下左

    padding的值不能为负数
    行内元素的左右内边距是可以完美设置的,上下内边距不能完美设置
    块级元素,行内块元素,四个番木瓜下你给内边距都可以完美设置
     */
        div{
            background-color: red;
            padding: 50px 20px;
        }
    </style>
</head>
<body>
<div>床前明月光,疑是地上霜,举头望明月,低头思故乡床前明月光,疑是地上霜,举头望明月,低头思故乡床前明月光,疑是地上霜,举头望明月,低头思故乡床前明月光,疑是地上霜,举头望明月,低头思故乡</div>
</body>
</html>